<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                template="./../../template/templateSGPF.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:define name="corpo da página">

        <p:dialog 
            header="Informações da Unidade"            
            id="modInfo"                               
            widgetVar="informacao" 
            closable="true"
            resizable="false"
            width="950"
            >
            <h:form id="modInfoServidor">
                <h:inputHidden id="servId" value="#{unidadeBean.unidade}"/>
                <div class="row-fluid">                        
                    <div class="well-custom5">   
                        <div class="pull-left">
                            <div class="row-fluid">
                                <strong for="Nome" class="font-color-green">
                                    Nome<strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{unidadeBean.unidade.nome} "/>
                            </div>
                            <div class="row-fluid"> 
                                <strong for="Sigla" class="font-color-green">
                                    Sigla:</strong> 
                                <h:outputText value="#{unidadeBean.unidade.sigla} "/>                                
                            </div>
                            <div class="row-fluid"> 
                                <strong for="Endereco" class="font-color-green">
                                    Endereço: </strong> 
                                <h:outputText value="#{unidadeBean.unidade.endereco} "/> 
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Telefone" class="font-color-green">
                                    Telefone: </strong> 
                                <h:outputText value="#{unidadeBean.unidade.telefone} " />                                
                            </div>
                        </div>                                                                                

                        <div class="pull-right">
                            <div class="row-fluid">                                    
                                <strong for="Estado" class="font-color-green">
                                    Estado<strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{unidadeBean.unidade.estado.nome}" />                                 
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Municipio" class="font-color-green">
                                    Municipio<strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{unidadeBean.unidade.municipio.nome} " />                                
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Bairro" class="font-color-green">
                                    Bairro: </strong> 
                                <h:outputText value="#{unidadeBean.unidade.bairro.nome} " />
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Responsável" class="font-color-green">
                                    Responsável: </strong> 
                                <h:outputText value="#{unidadeBean.unidade.responsavel.nome} " />
                            </div>
                        </div>

                    </div>
                    <div class="row-fluid" >                                    
                        <center>
                            <h:outputText value="Setores/gerências: " style="font-weight: bold"/>
                        </center>

                    </div>
                    <div class="row-fluid">
                        <div class="span6">
                            <p:dataTable id="tbUnidade" 
                                         var="setor" 
                                         value="#{unidadeBean.unidade.setorList}"
                                         scrollable="true"
                                         scrollHeight="100"                                            
                                         class="form-control"
                                         style="width: 205%"
                                         >
                                <p:column headerText="Sigla:"
                                          >
                                    <h:outputText value="#{setor.sigla}"/>
                                </p:column>

                                <p:column headerText="Responsável:"
                                          >
                                    <h:outputText value="#{setor.responsavel.nome}"/>
                                </p:column>

                                <p:column headerText="Telefone:"
                                          style="width: 15%"
                                          >
                                    <h:outputText value="#{setor.ramal}"/>
                                </p:column>
                            </p:dataTable>
                        </div>
                    </div>

                </div>
            </h:form>
        </p:dialog>

    </ui:define>

</ui:composition>
